<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <h3>你好</h3>
  <h4 onclick="window.doit()">前端</h4>
  <script>
    // 01 谁调用函数，this指向谁
    function doit(){
      console.log(this);
    }
    window.doit();
    var h3 = document.querySelector("h3")
    h3.onclick = doit
    // 02 对象中this指向该对象
    var age = 50;
    var obj = {
      name:"mumu",
      age:18,
      say:()=>{
      setTimeout(()=>{
          alert(this.age);
        },1000)
      }
    }
    obj.say();
    // var fun= obj.say;
    // fun();
    // 03 箭头函数指向函数this指向函数上一层作用域
    // 04 全局方法setTimeout setInterval 中的this指向window
  </script>
</body>
</html>